﻿<!DOCTYPE html>
 
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta content="A fully featured admin theme which can be used to build CRM, CMS,coderthemes etc." name="description">
        <meta name="author" content="Coderthemes">

   

        <title>Abstack - Responsive Web App Kit</title>

        <!-- Google Fonts -->
        <link href="preview/css" rel="stylesheet">

        <!-- Bootstrap core CSS -->
        <link href="preview/bootstrap.min.css" rel="stylesheet">

        <!-- Custom styles for this template -->
        <link href="preview/style.css" rel="stylesheet">

       

    </head>


    <body class="bg-white">


        <section class="section home bg-dark home-demo" id="home">
            <div class="container">
                <div class="row">
                    <div class="col-md-8 col-md-offset-2">
                        <div class="home-wrapper text-center">
                            <div class="text-tran-box text-tran-box-dark">
                                <!-- <h1 class="text-transparent">ABSTACK</h1> -->
                                <img src="preview/logo.png" alt="logo" height="24">
                                <h3>
                                    选择demo预览
                                </h3>
                            </div>

                          
                        </div>
                    </div>
                </div>
            </div>
        </section>


        <section class="section" style="padding-top:5%;">
            <div class="container">

           

                <div class="row">

                    <!-- <div class="col-sm-12 text-center">
                        <h4 class="text-uppercase" style="margin-bottom: 50px;"> <b>Choose Demos</b></h4>
                    </div> -->

                    <div class="col-sm-6">
                        <div class="demo-box">
                            <!-- <div class="ribbon"><span>NEW</span></div> -->
                            <a href="default/index.html" target="_blank">
                                <img src="preview/index_1.jpg" alt="demo-img" class="img-responsive">
                            </a>

                            <h4>竖菜单</h4>
                        </div>
                    </div>

                    <div class="col-sm-6">
                        <div class="demo-box">
                            <a href="horizontal/index.html" target="_blank">
                                <img src="preview/index_2.jpg" alt="demo-img" class="img-responsive">
                            </a>

                            <h4>横菜单</h4>
                        </div>
                    </div>

                </div>
            </div>
        </section>


 

        <!-- js placed at the end of the document so the pages load faster -->
        <script src="preview/jquery-2.1.4.min.js"></script>
        <script src="preview/bootstrap.min.js"></script>


    
</body></html>